<template>
  <!-- 这里的字体必须在index.html中写入，因为index.html现在没有写《我们引入字体》
这几个字所以这几个不会生效
 -->
  <div class="title">让优秀成为一种习惯---我们引入的字体</div>
  <div class="content">让优秀成为一种习惯---系统默认字体</div>
</template>
<script></script>

<style scoped>
/*  必须加上scoped 不然会覆盖掉app.vue的样式scoped原理是给标签加上一个自定义属性（data-v-xxx） */
.title {
  /* 因为项目根目录index.html中设置了相同类名display: none;了，这里要用到所以要 display: block; */
  display: block;
}
</style>
